<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>出错啦！</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=0">

<script type="text/javascript" src="http://zeptojs.com/zepto.js"></script>
<script type="text/javascript"
	src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<script type="text/javascript">
    var link = location.href;
    $.ajax({
    	　　url: "http://xiaoyuerhuiben.hudongdianjing.com/api/wx/createJsapiSignature",//后台给你提供的接口
    	　　type: "Post",
    	　　data: link,
    	　　async: false,
    	　　contentType: "application/json; charset=utf-8",
    	　　dataType: "json",
    	　　success: function (data) {
			    wx.config({
// 			        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			        appId: data.appId, // 必填，公众号的唯一标识
			        timestamp: data.timestamp, // 必填，生成签名的时间戳
			        nonceStr: data.nonceStr, // 必填，生成签名的随机串
			        signature: data.signature,// 必填，签名，见附录1
			        jsApiList: [
			        	 'checkJsApi',
			             'playVoice',
			             'onVoicePlayEnd',
			             'pauseVoice',
			             'stopVoice',
			             'uploadVoice',
			             'downloadVoice',
			             'chooseImage',
			             'previewImage',
			             'uploadImage',
			             'downloadImage',
			             'getNetworkType',
			             'openLocation',
			             'getLocation',
			             'hideOptionMenu',
			             'showOptionMenu',
			             'closeWindow',
			             'scanQRCode',
			             'chooseWXPay',
			             'openProductSpecificView',
			             'addCard',
			             'chooseCard',
			             'openCard'
			        	] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			    });
			    
    	}
    	});
   
    
    
    
    </script>

</head>
<body>
	<h3 id="menu-basic">基础接口</h3>
	<span class="desc">判断当前客户端是否支持指定JS接口</span>
	<button class="btn btn_primary" id="checkJsApi">checkJsApi</button>

	<span class="desc">调起微信扫一扫接口</span>
	<button class="btn btn_primary" id="scanQRCode1">scanQRCode(直接返回结果)</button>

	<h3 id="menu-shopping">微信小店接口</h3>
	<span class="desc">跳转微信商品页接口</span>
	<button class="btn btn_primary" id="openProductSpecificView">openProductSpecificView</button>
<br>
	<span class="desc">发起一个微信支付请求</span>
	<button class="btn btn_primary" id="chooseWXPay">chooseWXPay</button>


</body>
<!-- <script type="text/javascript" src="index.js"></script> -->
<script type="text/javascript">
$('#chooseWXPay').on("click",function() {
	pay();
	   });
	   
function pay(){ 
	var redirect_uri = 'http://xiaoyuerhuiben.hudongdianjing.com'+"/pay/createOrder/"; 
	$.ajax({
		url : redirect_uri,
		datatype : 'json',
		type : "POST",
		data : '{"appid": ""}',
		scriptCharset: 'utf-8',
		contentType: "application/json; charset=UTF-8",
		success : function(data) { 
					// 支付成功
		  debugger
// 		  var d = eval('('+data +')');
// 		  jQuery('#appId').val(d.appId);
// 		  jQuery('#timeStamp').val(d.timeStamp);
// 		  jQuery('#nonceStr').val(d.nonceStr);
// 		  jQuery('#signType').val(d.signType);
// 		  jQuery('#paySign').val(d.paySign);
// 		  jQuery('#package').val(d.packageValue);
		  pay2(data);
	  }
		});
	
		}   	  

function pay2(d) {
	var appId = d.appId;
	var timeStamp = d.timeStamp;
	var nonceStr = d.nonceStr;
	var signType = d.signType;
	var pk = d.packageValue;
	var paySign = d.paySign;
	
// 	var appId = jQuery('#appId').val();
// 	var timeStamp = jQuery('#timeStamp').val();
// 	var nonceStr = jQuery('#nonceStr').val();
// 	var signType = jQuery('#signType').val();
// 	var pk = jQuery('#package').val();
// 	var paySign = jQuery('#paySign').val();
	if (typeof WeixinJSBridge == "undefined") {
		if (document.addEventListener) {
			document.addEventListener('WeixinJSBridgeReady', onBridgeReady,
					false);
		} else if (document.attachEvent) {
			document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
			document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
		}
	} else {
		onBridgeReady();
	}
	function onBridgeReady() {
		WeixinJSBridge
				.invoke(
						'getBrandWCPayRequest',
						{
							"appId" : appId,// 公众号名称，由商户传入
							"timeStamp" : timeStamp, // 时间戳，自1970年以来的秒数
							"nonceStr" : nonceStr, // 随机串
							"package" : pk,
							"signType" : signType, // 微信签名方式："MD5"
							"paySign" : paySign
						// 微信签名
						},
						function(res) {
							debugger
							if (res.err_msg == "get_brand_wcpay_request:ok") {
								success();
							}
							// 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
							else {
								window.location.href = "${pageContext.request.contextPath}/mobile/user/payfail/"
							}
						});
	}
}
function success() {
	alert("ok");
//	jQuery
//			.ajax({
//				url : "${pageContext.request.contextPath}/mobile/user/paysuccess/",
//				datatype : 'json',
//				type : "Post",
//				scriptCharset : 'utf-8',
//				contentType : "application/x-www-form-urlencoded; charset=utf-8",
//				success : function(data) {
//					window.location.href = "${pageContext.request.contextPath}/mobile/user/success2"
//				}
//			})
}

</script>
</html>